<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="common.jsp"%>
<title>教育</title>
<style type="text/css">      
</style>             
</head>    
<body class="paddingTop49px">
    <%@include file="commonHeader.jsp"%>
    <input type="hidden" value="教育" id="selectedMenu"> 
    <c:if test="${! empty bannerUrlList}">
		<div class="swiper-container detailTopBanner">
			<div class="swiper-wrapper">     
				<c:forEach var="bannerUrl" items="${bannerUrlList}">
				<div class="swiper-slide">
					<img src="${bannerUrl}"> 
					<div class="swiper-lazy-preloader"></div>
				</div>
				</c:forEach>
			</div>
			<div class="swiper-button-next">
				<i class="swiperIconfont icon-youjiantou"></i>
			</div>
			<div class="swiper-button-prev">
				<i class="swiperIconfont icon-zuojiantou"></i>
			</div>
		</div> 
	</c:if> 
    <div class="detailMainTitle cnDetailMainTitle">
		<div class="color333">${moduleShow.title}</div>
		<c:if test="${! empty moduleShowDetailList}">
		    <div class="tagsBox clearFix">
				<c:forEach items="${moduleShowDetailList}" var="moduleShowDetail">
			    <div class="tag selectedTag margin20px">${moduleShowDetail.articleTime} ${moduleShowDetail.cnTitle}</div>
				</c:forEach> 
			</div>
		</c:if>       
	</div>  
	<div class="detailMainTitle enDetailMainTitle">
		<div class="color333">${moduleShow.enTitle}</div>
	    <div class="tagsBox margin20px clearFix">
			<c:forEach items="${moduleShowDetailList}" var="moduleShowDetail">
		    <div class="tag selectedTag">${moduleShowDetail.articleTime} ${moduleShowDetail.enTitle}</div>
			</c:forEach>
		</div>
	</div>
	<div class="container cnContainer">
		<div class="tabsBox">
			<c:forEach items="${moduleShowDetailList}" var="moduleShowDetail">
				<div class="tab show clearFix">
					<div class="floatl compositionContent">
						<div class="bigFont">${moduleShowDetail.cnTitle}</div>
						<div class="smallFont">${moduleShowDetail.articleTime}</div>
					</div>
					<div class="clearFix compositionBox">
						<div class="floatr">
							${moduleShowDetail.cnArticle}
						</div>
					</div>
				</div>
			</c:forEach>
	</div>
	</div>
	<div class="container enContainer">
		<div class="tabsBox">
			<c:forEach items="${moduleShowDetailList}" var="moduleShowDetail">
					<div class="tab show clearFix">
						<div class="floatl compositionContent">
							<div class="bigFont">${moduleShowDetail.enTitle}</div>
							<div class="smallFont">${moduleShowDetail.articleTime}</div>
						</div>
						<div class="clearFix compositionBox">
							<div class="floatr">
									${moduleShowDetail.enArticle}
							</div>
						</div>
					</div>
			</c:forEach>
		</div>
	</div>
	<%@include file="commonFooter.jsp"%>  
</body>   
<script>
$(function(){
	commonInit.swiperDetailPageTopImg(); 
})
//JS实现选项卡切换 
$(".tag").click(function(){
     $(this).addClass("selectedTag").siblings(".tag").removeClass("selectedTag"); 
     var nth=$(this).index(); 
     $(".tab").eq(nth).addClass("show").siblings(".tab").removeClass("show");
}); 
	$(".video1").attr("src","http://static.cakeboss.com.cn/GSpatrick201711.mp4");
	$(".video2").attr("src","http://static.cakeboss.com.cn/GSpinkhassov201804.mp4");
	$(".video3").attr("src","http://img.light-society.com/GSEducationClass-2018%7C12%7C15.mp4");
</script>                        
</html>           